@charset "utf-8";

.comment-wrap {position:relative; zoom:1;}
.comment-wrap h3 {font-size:13px; line-height:13px; height:25px;}
.comment-wrap h3 span {font-size:10px; font-weight:normal;}
.comment-wrap h3 .icon {float:left; margin-right:6px; width:16px; height:13px; background:url(../image/common/map_icon_state.png) -40px 0 no-repeat;}
.comment-wrap .btn-more {margin-top:20px; display:block; line-height:29px; border:1px solid #e8e8e8; font-size:11px; text-align:center; background:#f7f7f7}

/* 댓글 쓰기 */
.comment-write {position:relative; padding:14px 0 14px 40px; border-top:1px solid #e4e4e4; overflow:hidden;}
.comment-write .profile-s {position:absolute; top:14px; left:0; width:30px; height:30px;}
.comment-write fieldset {overflow:hidden;}
.comment-write textarea {float:left; padding:3px 5px; width:558px; height:22px; color:#000; line-height:15px; overflow:hidden; border-width:1px; border-style:solid; border-color:#c1c1c1 #cbcbcb #d0d0d0; background:url(../image/common/bg_input.png) repeat-x;}
.comment-write textarea.login {color:#999;}
.comment-write textarea.empty {color:#b8b8b8; height:22px;}
.comment-write .error textarea {background:#feffe0;}
.comment-write .guide {float:left; margin-top:3px; color:#b8b8b8; font-size:11px;}
.comment-write .guide .remain {font-weight:bold;}
.comment-write .error .guide .remain {color:#ff4f47;}
.comment-write .submit {float:right; border:0; width:80px; height:23px; margin-top:5px; cursor:default; background:url(.../image/common/map_btn_comment.png) no-repeat;}
.comment-write .submit.on {background-position:0 -25px; cursor:pointer;}

/* 댓글 목록  */
.comment-list-item {position:relative; padding:10px 0 0 40px; border-top:1px solid #e4e4e4; overflow:hidden;}
.comment-list-item .comment-box {position:relative; overflow:hidden; padding-bottom:7px;}
.comment-list-item .profile-s {position:absolute; top:14px; left:0; z-index:10;}
.comment-list-item .profile-s img {width:30px; height:30px;}
.comment-list-item .nick {float:left; color:#03a2d0; font-weight:bold;}
.comment-list-item .id {float:left; margin-left:2px; font:11px/18px calibri; color:#999;}
.comment-list-item .btn-del {float:left; margin:4px 0 0 7px; width:10px; height:11px; background:url(../image/common/map_btn_del.png);}
.comment-list-item .btn-del:hover {background-position:-15px 0;}
.comment-list-item .date {float:right; font:11px/18px calibri; color:#999;}
.comment-list-item .content {clear:both; padding:3px 0 1px; line-height:15px;}
.comment-list-item .content a {color:#03a2d0;}
.comment-list-item .content a.stamp {color:#333; font-weight:bold;}
.comment-list-item .empty-reply {height:10px;}
.comment-list-item .btn-reply {float:right; color:#03a2d0; font-size:11px;}
.comment-list-item .btn-reply span {font-size:10px;}
.comment-list-item .reply-box {position:relative; zoom:1;}

/* 답글 */
.reply-list {position:relative; zoom:1;}
.reply-list-item {position:relative; margin-bottom:2px; padding:6px 9px 6px 50px; background:#f7f7f7; zoom:1;}
.reply-list-item .profile-s {left:9px; top:9px; zoom:1;}
.reply-list-item .profile-s img {width:30px; heightg:30px;}
.reply-write-form {position:relative; background:#f7f7f7; margin-bottom:12px; padding:9px 9px 8px; overflow:hidden;}
.reply-write-form .text-holder {float:right; background:#fff ; padding-bottom:1px;}
.reply-write-form textarea {padding:2px 7px 3px; width:494px; height:18px; vertical-align:top; overflow-y:hidden; border-width:1px; border-style:solid; border-color:#c1c1c1 #cbcbcb #d0d0d0; background:url(../image/common/bg_input.png) repeat-x;}
.reply-write-form textarea.empty {color:#b8b8b8;}
.reply-write-form .btn-write {color:#03a2d0; clear:right; float:right; margin-top:2px; font-size:11px; white-space:nowrap;}
.reply-write-form .profile-s {left:9px; top:9px;}
.reply-write-form.empty textarea {width:534px;}
.reply-write-form.empty textarea.login {color:#999;}
.reply-write-form.empty .btn-write {display:none;}
.reply-write-form.empty .profile-s {display:none;}